<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>

	<title>Cadastro de Cidades</title>
</h:head>
<body>
	<p:messages id="messages" showDetail="false" autoUpdate="true"
		closable="true" />
	<h:form id="form">
		<p:panel id="mCidadePanel" style="border: none">
			<h2>Cadastro de Cidades</h2>
			<h:panelGrid columns="1">
				<h:outputText value="Código" />
				<p:inputText id="mCidadeIdCidade" value="#{beanCidade.cidade.id}"
					size="4" maxlength="4" disabled="true" />
				<h:outputText value="Cidade: *" />
				<p:inputText id="mCidadeCidade" value="#{beanCidade.cidade.cidade}"
					size="40" maxlength="40" />
				<h:outputText value="DDD: *" />
				<p:inputMask id="mCidadeDdd" value="#{beanCidade.cidade.ddd}"
					size="4" maxlength="3" mask="999" />
			</h:panelGrid>
			<h:panelGrid columns="2">
				<h:outputText value="Código: * &nbsp; &nbsp; " />
				<h:outputText value="Estado: * " />
			</h:panelGrid>
			<h:panelGrid columns="3">
				<p:inputText id="mCidadeIdEstado"
					value="#{beanCidade.cidade.estado.id}" size="4">
					<p:ajax event="change" listener="#{beanCidade.hotFind}"
						process="@this" update="mCidadeEstado" />
				</p:inputText>


				<p:inputText id="mCidadeEstado"
					value="#{beanCidade.cidade.estado.estado}" size="40"
					disabled="true" binding="#{beanCidade.nomeEstado}" />
				<p:commandButton id="mCidadeSelesctEstado" icon="ui-icon-search"
					title="Selecionar Pais" onclick="dConsultaEstado.show()"
					type="button">
				</p:commandButton>
			</h:panelGrid>

			<br></br>
			<p:separator />
			<h:panelGrid columns="3" style="float: right;">
				<p:commandButton id="mCidadeSalvar" value="Salvar"
					action="#{beanCidade.save}" update="form" />
				<p:commandButton id="mCidadeLimpar" value="Limpar"
					action="#{beanCidade.reinit}" update="form" />
				<p:commandButton id="mCidadeVoltar" value="Voltar"
					onclick="history.back()" />
			</h:panelGrid>

			<h:panelGrid columns="4" cellpadding="2" style="float: left;">
				<h:outputText value="Cadastro" />
				<p:inputText id="mCidadeDataCad"
					value="#{beanCidade.cidade.criacao}" size="7" disabled="true">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</p:inputText>

				<h:outputText value="Ultima Alter. " />
				<p:inputText id="mCidadeDataAlteracao"
					value="#{beanCidade.cidade.alteracao}" size="7" disabled="true">
					<f:convertDateTime pattern="dd/MM/yyyy" />
				</p:inputText>
			</h:panelGrid>

		</p:panel>


		<p:dialog header="Consultar Estado" widgetVar="dConsultaEstado"
			id="consEstado" resizable="false">
			<ui:include src="/estado/pConsultaEstado.xhtml"></ui:include>
		</p:dialog>
	</h:form>



</body>
</html>